/*
 Copyright 2011 Google Inc. All Rights Reserved.

 Licensed under the Apache License, Version 2.0 (the "License');
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS-IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
*/

/**
 * Styles for Quiz&Poll
 */

/* Generic styles */
body,body input,body button,body td {
  font-family: "Arial", "Helvetica", sans-serif;
  color: #222;
  font-size: 15px;
}

h1,h2,h3,h4,h5 {
  font-size: 19px;
  line-height: 24px;
  font-weight: normal;
  color: #222;
}

p {
  margin: 0 0 1em;
  font-size: 15px;
  line-height: 18px;
  text-align: left;
}

li {
  line-height: 17px;
  margin-top: 5px;
  text-align: left;
}

a {
  text-decoration: none;
  color: #15c;
  cursor: pointer;
}

a:visited {
  color: #61c;
}

a:active {
  color: #d14836;
}

iframe {
  border: 0px;
}

/* Styles specific to Quiz&Poll */
body,html {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

#outer {
  display: table;
  position: static;
  width: 100%;
  height: 100%;
}

#middle {
  display: table-cell;
  vertical-align: middle;
  position: static;
  width: 100%;
}

#inner {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  text-align: center;
}

#status {
  margin-top: 60px;
  font-size: 16px;
  text-align: center;
}

#title {
  font-size: 12px;
  color: #969696;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 10px;
}

#question {
  display: none;
}

#info {
  display: none;
}

#leaderboard {
  display: none;
}

#question_text,#leaderboard_title {
  font-size: 17px;
  text-align: center;
  color: #0066cc;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

#hint,#last_score {
  color: #969696;
  font-size: 12px;
  text-align: center;
  margin: 0px;
}

#answers {
  text-align: left;
  display: inline-block;
  margin-bottom: 17px;
}

.answer {
  margin-top: 10px;
}

#submit_answer {
  margin-top: 3px;
}

#start_quiz {
  margin-top: 15px;
  margin-bottom: 10px;
}

#quiz_image {
  max-width: 200px;
  max-height: 100px;
  border: 0px;
}

#timer {
  float: left;
  padding-left: 30px;
}

#score {
  float: right;
  padding-right: 30px;
}

.clear {
  clear: both;
}

.correct {
  background-color: #0c710c
}

.incorrect {
  background-color: #ae2d19
}